<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>跳转提示</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href=" __static__/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="__static__/layui/css/layui.css" media="all">
    <script src="__static__/js/jquery.min.js"></script>
</head>
<body style="background:#f2f2f2;">
<script src="__static__/layui/layui.js"></script>
<script>
    layui.use(['form'],function(){
        var form = layui.form;
        form.on('submit(reset)',function(){
            location.reload();
        })
    })
</script>

    <div class="layui-card">
        <div class="layui-card-header">
            {if $code==1}
                <h1><i class="layui-icon layui-icon-face-smile"></i>{$msg|strip_tags}</h1>
            {/if}
            {if $code==0}
                <h1><i class="layui-icon layui-icon-face-surprised"></i>{$msg|strip_tags}</h1>
            {/if}
        </div>
        <div class="layui-card-body">
            <p>
                出现这种情况，可能是参数错误，也可能是系统故障。请与管理员联系，及时修复该问题。
            </p>
            {if $wait>0}
                <p class="jump">
                    稍后，页面将自动 <a id="href" href="{$url}">跳转</a> 至新的页面。 等待时间： <b id="wait">{$wait}</b>
                </p>
                <script type="text/javascript">
                    (function(){
                        var wait = document.getElementById('wait'),
                            href = document.getElementById('href').href;
                        var interval = setInterval(function(){
                            var time = --wait.innerHTML;
                            if(time <= 0) {
                                location.href = href;
                                clearInterval(interval);
                            };
                        }, 1000);
                    })();
                </script>
            {/if}
        </div>
    </div>
<style>
    .layui-card{margin:20px auto;width:95%;height:95%;background:#fff;}
    .layui-card-header{height:70px;}
    .layui-card h1{text-align:left;font-size:30px;font-weight:600;height:60px;line-height:50px;padding-top:10px;}
    .layui-card h1 i.layui-icon{font-size:35px;margin-right:20px;font-weight:normal;margin-top:5px;}
    .layui-card-body p{color:#666;font-size:16px;line-height:30px;text-indent:2em;}
    .layui-card-body p.jump a{color:#000;font-weight:bold;}
    .layui-card-body p.jump a{color:#000;}
</style>
</body>
</html>